<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<div id="app">
		<button type="button" @click="testobj.age+=1">++++</button>
		<ul>
			<li>{{testobj.name}}</li>
			<li>{{testobj.age}}</li>
		</ul>
	</div>
	
	
	<script src="js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		let myApp = new Vue({
			el:'#app',
			data:{
				testobj:{
					name:'张三',
					age:11
				}
			},
			methods:{
				
			},
			computed:{},
			watch:{
				testobj:{
					handler(val){
						this.testobj.name = 'sss'
					},
					deep:true
				},
				filter:{}
			}
		})
		
	</script>
	
</body>
</html>